<template>
    <mu-container>
      <mu-row gutter>
        <mu-col span="6">
          <mu-paper :z-depth="2">
            <mu-list>
              <mu-list-item>
                <mu-list-item-content>
                  <mu-list-item-title>List Item 1</mu-list-item-title>
                </mu-list-item-content>
              </mu-list-item>
              <mu-divider shallow-inset></mu-divider>
              <mu-list-item>
                <mu-list-item-content>
                  <mu-list-item-title>List Item 2</mu-list-item-title>
                </mu-list-item-content>
              </mu-list-item>
              <mu-divider shallow-inset></mu-divider>
              <mu-list-item>
                <mu-list-item-content>
                  <mu-list-item-title>List Item 3</mu-list-item-title>
                </mu-list-item-content>
              </mu-list-item>
            </mu-list>
          </mu-paper>
        </mu-col>
        <mu-col span="6">
          <mu-paper :z-depth="2">
            <mu-list>
              <mu-list-item>
                <mu-list-item-action>
                  <mu-icon value="settings"></mu-icon>
                </mu-list-item-action>
                <mu-list-item-content>
                  <mu-list-item-title>Setting</mu-list-item-title>
                </mu-list-item-content>
              </mu-list-item>
              <mu-list-item>
                <mu-list-item-action>
                  <mu-icon value="help_outline"></mu-icon>
                </mu-list-item-action>
                <mu-list-item-content>
                  <mu-list-item-title>Help</mu-list-item-title>
                </mu-list-item-content>
              </mu-list-item>
              <mu-divider></mu-divider>
              <mu-list-item>
                <mu-list-item-action>
                  <mu-icon value="power_settings_new"></mu-icon>
                </mu-list-item-action>
                <mu-list-item-content>
                  <mu-list-item-title>Exit</mu-list-item-title>
                </mu-list-item-content>
              </mu-list-item>
            </mu-list>
          </mu-paper>
        </mu-col>
      </mu-row>
    </mu-container>
</template>

<script>
import user_api from "@/model/user/api"
export default {
  name: 'HelloWorld',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  },
  mounted(){
       user_api.code({},(resp)=>{

       });
  }
}
</script>
